
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script language="javascript" src="js/fball.js"></script>

<script language="javascript">
//	initFBall();
	var mouseevent = null;
	var x = 0;
	var y = 100;
	var screenWidth = 550;
	var screenHeight = 350;
	
	
	
	window.onload = function(){
		var context = createContext("mycanvas");		
		initEvents("mycanvas", context, mouseevent);	
		
		fbGrid( context, 100, 100, 5, 5, 30, 30 );
		
		if (events == "mousedown"){
			alert("test");		
		}	
		
		function mainLoop()
		{
			x++;
			alert("hello");
			context.fillText("Hello", x, y );	
			context.clearRect(0, 0, screenWidth, screenHeight);
		}	
		
		setTimeout( mainLoop, 10 );
	}
</script>
<link rel="stylesheet" type="text/css" href="canvas.css" />
</head>

<body>
<canvas id="mycanvas" width = "500" height="350"></canvas>
<div id="test"></div>
</body>
</html>

